<!DOCTYPE html>
<html lang="en">
<head>
  <title>Project 5</title>

  <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

  <style>
    *{
      margin: 0;
      padding: 0;
    }

    body{
      background-color: #00A859;
    }
  
    .center{
      text-align: center;
      width: 960px;
      margin: 20px auto;

      padding: 30px;
      background-color: #3E4095;
      border: 5px solid #FFCC29;
      border-radius: 10px;
    }

    .center h3{
      font-family: 'Indie Flower', cursive;
      font-size: 3em;
      margin-bottom: 30px;
    }

    .center p{
      font-size: 1.4em;
      margin-top: 15px;
    }

    footer{
      font-size: 1.2em;
      position: fixed;
      bottom: 3px;
      left: 3px;
      padding: 1em;
      background-color: 
    }

    span{
      font-weight: bold;
    }

  </style>

</head>
<body>

  <div class="center">

    <h3>Project 5 - Sports Applet</h3>

    <applet class="applet" code="SoccerField.class" width=960 height=600></applet>

    <p>Above this text you should see a picture of a <span>3D Soccer Field</span>, generated by a
    Java applet. If you don't see the picture, it may be because your browser
    is not set up to process Java applets (the browser needs the Java plug-in),
    or because the bytecode version of the applet is not stored in the same
    location as this web page.</p>

  </div>
  <footer>

    <p>Created by : Gabriel de Castro and Pedro Torchio</p>

  </footer>

</body>
</html>
